/**
 * 基准样式表，reset浏览器，提供常用样式
 * createby：付磊
 * QQ：402374770
 * createDate：2011/10/26
 */
 
* {
	font:12px "Tahoma","arial","微软雅黑";
}
 
html {
	color: #333;
	background: #FFF;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/ /*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
	font-variant: normal;
}

/* to preserve line-height and selector appearance */
sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}
input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

/*to enable resizing for IE*/
input,textarea,select { *
	font-size: 100%;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}
/* 文字排版begin */
/* 文字大小 */
.f10{font-size: 10px}
.f12{font-size: 12px}
.f13{font-size: 13px}
.f14{font-size: 14px}
.f16{font-size: 16px}
.f20{font-size: 20px}
/* 文字粗细 */
.fb{font-weight: bold}
.fn{font-weight: normal}
/* 文本缩进 */
.t2{text-indent: 2em}
/* 行高设置 */
.lh100{line-height: 100%}
.lh150{line-height: 150%}
.lh180{line-height: 180%}
.lh200{line-height: 200%}
/* 文本修饰 */
.unl{text-decoration: underline}
.no_unl{text-decoration: none}
/* 文字排版end */
/* 定位 */
.tl{text-align: left}
.tr{text-align: right}
.tc{text-align: center}
.bc{margin-left:auto;margin-right:auto}
.fl{float: left;display: inline}
.fr{float: right;display: inline}
.cb{clear: both}
.cl{clear: left}
.cr{clear: right}
* html .clearfix{height:1%}/*for IE 用来触发IE的haslayout*/
.clearfix{display:block}/*for other except IE*/
.clearfix{display:inline-block}/*for IE*/
.clearfix:after{
	content: ".";display: block;height: 0;clear: both;visibility: hidden	
}/*for other except IE*/
.vm{vertical-align: middle;}
.pr{position: relative}
.pa{position: absolute}
.abs-right{position: absolute;right: 0}
.zoom{zoom:1}
.hidden{visibility: hidden}
.none{display: none}

/* 长度和高度 */
.w10{width: 10px}
.w20{width: 20px}
.w30{width: 30px}
.w40{width: 40px}
.w50{width: 50px}
.w60{width: 60px}
.w70{width: 70px}
.w80{width: 80px}
.w90{width: 90px}
.w100{width: 100px}
.w110{width: 110px}
.w120{width: 120px}
.w130{width: 130px}
.w150{width: 150px}
.w160{width: 160px}
.w170{width: 170px}
.w180{width: 180px}
.w200{width: 200px}
.w240{width: 240px}
.w250{width: 250px}
.w300{width: 300px}
.w350{width: 350px}
.w260{width: 260px}
.w400{width: 400px}
.w450{width: 450px}
.w500{width: 500px}
.w600{width: 600px}
.w700{width: 700px}
.w800{width: 800px}
.w900{width: 900px}
.w950{width: 950px}
.w{width: 100%}
.h20{height: 20px}
.h25{height: 25px}
.h30{height: 30px}
.h40{height: 40px}
.h50{height: 50px}
.h60{height: 60px}
.h70{height: 70px}
.h80{height: 80px}
.h100{height: 100px}
.h150{height: 150px}
.h200{height: 200px}
.h{height: 100%}

/* 边距 */
.m10{margin: 10px}
.m15{margin: 15px}
.m30{margin: 30px}
.mt5{margin-top: 5px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt30{margin-top: 30px}
.mt40{margin-top: 40px}
.mt50{margin-top: 50px}
.mt100{margin-top: 100px}
.mr5{margin-right: 5px}
.mr10{margin-right: 10px}
.mr15{margin-right: 15px}
.mr20{margin-right: 20px}
.mr30{margin-right: 30px}
.mr50{margin-right: 50px}
.mr100{margin-right: 100px}
.mb5{margin-bottom: 5px}
.mb10{margin-bottom: 10px}
.mb15{margin-bottom: 15px}
.mb20{margin-bottom: 20px}
.mb30{margin-bottom: 30px}
.mb40{margin-bottom: 40px}
.mb50{margin-bottom: 50px}
.mb100{margin-bottom: 100px}
.ml5{margin-left: 5px}
.ml10{margin-left: 10px}
.ml15{margin-left: 15px}
.ml20{margin-left: 20px}
.ml30{margin-left: 30px}
.ml50{margin-left: 50px}
.ml60{margin-left: 60px}
.ml70{margin-left: 70px}
.ml80{margin-left: 80px}
.ml90{margin-left: 90px}
.ml100{margin-left: 100px}
.p10{padding:10px}
.p15{padding: 15px}
.p30{padding: 30px}
.pt5{padding-top:5px} 
.pt10{padding-top:10px} 
.pt15{padding-top:15px} 
.pt20{padding-top:20px} 
.pt30{padding-top:30px} 
.pt50{padding-top:50px} 
.pt100{padding-top:100px} 
.pr5{padding-right:5px} 
.pr10{padding-right:10px} 
.pr15{padding-right:15px} 
.pr20{padding-right:20px} 
.pr30{padding-right:30px} 
.pr50{padding-right:50px} 
.pr100{padding-right:100px}
.pb5{padding-bottom:5px} 
.pb10{padding-bottom:10px} 
.pb15{padding-bottom:15px} 
.pb20{padding-bottom:20px} 
.pb30{padding-bottom:30px} 
.pb50{padding-bottom:50px} 
.pb100{padding-bottom:100px}
.pl5{padding-left:5px} 
.pl10{padding-left:10px} 
.pl15{padding-left:15px} 
.pl20{padding-left:20px} 
.pl30{padding-left:30px} 
.pl50{padding-left:50px} 
.pl100{padding-left:100px}
/* 常用颜色 */
.red{color:#FF0000}
.green{color:#0F0}
.blue{color:#00F}
.black{color:#000000;}
.white{color:#ffffff}
.col_ffd700{color:#FFD700;}